/* 通用字体大小样式类 */
.fs-xs { font-size: 0.75rem; }    /* 12px */
.fs-sm { font-size: 0.875rem; }   /* 14px */
.fs-base { font-size: 1rem; }     /* 16px */
.fs-lg { font-size: 1.125rem; }    /* 18px */
.fs-xl { font-size: 1.25rem; }     /* 20px */
.fs-2xl { font-size: 1.5rem; }    /* 24px */
.fs-3xl { font-size: 1.875rem; }  /* 30px */
.fs-4xl { font-size: 2.25rem; }   /* 36px */
.fs-5xl { font-size: 3rem; }      /* 48px */
.fs-6xl { font-size: 3.75rem; }   /* 60px */

/* 特定像素字体大小 */
.fs-10 { font-size: 10px; }
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }
.fs-22 { font-size: 22px; }
.fs-24 { font-size: 24px; }
.fs-26 { font-size: 26px; }
.fs-28 { font-size: 28px; }
.fs-30 { font-size: 30px; }
.fs-32 { font-size: 32px; }
.fs-36 { font-size: 36px; }
.fs-40 { font-size: 40px; }
.fs-48 { font-size: 48px; }
.fs-56 { font-size: 56px; }
.fs-64 { font-size: 64px; }

/* 响应式字体大小 */
@media (max-width: 576px) {
  .fs-xs-responsive { font-size: 0.75rem; }
  .fs-sm-responsive { font-size: 0.875rem; }
  .fs-base-responsive { font-size: 1rem; }
  .fs-lg-responsive { font-size: 1.125rem; }
  .fs-xl-responsive { font-size: 1.25rem; }
}

@media (min-width: 577px) and (max-width: 768px) {
  .fs-xs-responsive { font-size: 0.875rem; }
  .fs-sm-responsive { font-size: 1rem; }
  .fs-base-responsive { font-size: 1.125rem; }
  .fs-lg-responsive { font-size: 1.25rem; }
  .fs-xl-responsive { font-size: 1.5rem; }
}

@media (min-width: 769px) {
  .fs-xs-responsive { font-size: 1rem; }
  .fs-sm-responsive { font-size: 1.125rem; }
  .fs-base-responsive { font-size: 1.25rem; }
  .fs-lg-responsive { font-size: 1.5rem; }
  .fs-xl-responsive { font-size: 1.75rem; }
}